import React from 'react'

import { ScrollBoard } from '@jiaminghi/data-view-react'

import './realOutbound.less'
import { useTranslation } from 'react-i18next'
const config = {
  header: ['时间', '订单号', '物料', '数量'],
  data: [
    ['2019-07-01 19:25:00', '0001', '物料1', 12],
    ['2019-07-02 17:25:00', '0001', '物料2', 3],
    ['2019-07-03 16:25:00', '0001', '物料3', 7],
    ['2019-07-04 15:25:00', '0001', '物料4', 9],
    ['2019-07-05 14:25:00', '0002', '物料5', 8],
  ],
  index: true,
  columnWidth: [100,300,400 ,400 ,100],
  align: ['center'],
  rowNum: 7,
  headerBGC: '#1981f6',
  headerHeight: 45,
  oddRowBGC: 'rgba(0, 44, 81, 0.8)',
  evenRowBGC: 'rgba(10, 29, 50, 0.8)',
}

export default () => {
  const { t } = useTranslation()
  return (
    <div id="scroll-outboard">
      <div className="ranking-board-title">{t('实时出库')}</div>
      <ScrollBoard config={config} />
    </div>
  )
}
